@rem:750/16rem;
.resume-manage-page{
  width:750/@rem;
  background-color: #fff;
  .manage-header{
    display: none;
  }
  .back{
    width:100%;
    position: relative;
    font-family:"font-family:SourceHanSansCN-Regular;";
    padding:40/@rem 0;
    a{
      position: absolute;
      top:40/@rem;
      left:60/@rem;
      display: block;
      img{
        width:38/@rem;
        height:38/@rem;
        display: block;
      }
    }
    .manage{
      position: absolute;
      top:40/@rem;
      right:60/@rem;
      left: auto;
      font-size: 30/@rem;
      color:rgba(51,51,51,1);
      display: block;
    }
    h2{
      text-align: center;
      width: 150/@rem;
      margin-left: 300/@rem;
      line-height:36/@rem;
      font-size:36/@rem;
    }
  }
  .manage-content{
    margin-top:10/@rem;
    .center{
      .left-part{
        display: none;
      }
      .right-part{
        height: auto;
        >p{
          display: none;
        }
        .paging{
          display: none;
        }
        .card-list{
          //width: 630/@rem;
          padding-bottom:30/@rem;
          >li{
            margin:30/@rem auto;
            //margin:30/@rem 30/@rem 30/@rem 0;
            padding:0 30/@rem 0 20/@rem;
            width:630/@rem;
            background:#fff;
            position: relative;
            a{
              display: block;
              width: 100%;
              .card-con1{
                padding-top:30/@rem;
                .pic{
                  float: left;
                  width:90/@rem;
                  height:90/@rem;
                  margin-bottom: 20/@rem;
                  position: relative;
                  >img{
                    width:100%;
                    height:100%;
                    padding-bottom: 10/@rem;
                    -webkit-border-radius: 45/@rem;
                    -moz-border-radius: 45/@rem;
                    border-radius: 45/@rem;
                  }
                  i{
                    position: absolute;
                    right:10/@rem;
                    bottom:10/@rem;
                    img{
                      width:19/@rem;
                      height:19/@rem;
                    }
                  }
                }
                .word-detail{
                  padding: 0 0 20/@rem 110/@rem;
                  height: 90/@rem;
                  border-bottom: 1px solid rgba(238,238,238,1) ;
                  h2{
                    line-height:30/@rem;
                    font-size:30/@rem;
                    font-family:"SourceHanSansCN-Bold";
                    font-weight:bold;
                    .date{
                      float: right;
                      font-size:26/@rem;
                      font-family:"Roboto-Regular";
                      font-weight:normal;
                      color:#666;
                    }
                  }
                  >p{
                    margin:23/@rem 0 18/@rem;
                    font-size:26/@rem;
                    font-family:"SourceHanSansCN-Regular";
                    overflow:hidden;
                    text-overflow:ellipsis;
                    white-space:nowrap;
                  }
                  >div{
                    position: absolute;
                    bottom:0/@rem;
                    right: 30/@rem;
                    >span{
                      font-size:26/@rem;
                      &.accepted{
                        color: #398DEE;
                      }
                      &.not-view{
                        color:#EE3939;
                      }
                    }
                    .operator{
                      width: 120/@rem;
                      position: absolute;
                      top:-90/@rem;
                      right:0;
                      text-align: right;
                      font-size:26/@rem;
                      i{
                        img{
                          width:40/@rem;
                          height:40/@rem;
                          -webkit-border-radius: 50%;
                          -moz-border-radius: 50%;
                          border-radius: 50%;
                        }
                      }
                    }
                  }
                  >span.phone{
                    display: block;
                    margin-top:26px;
                    padding-left:22px;
                    font-size:14px;
                    background: url(../images/phone.png) left center no-repeat;
                  }
                }
              }
              .card-con2{
                margin-top:28/@rem;
                span{
                  padding:8/@rem 20/@rem 8/@rem 28/@rem;
                  font-family:"SourceHanSansCN-Regular";
                  font-size: 26/@rem;
                  color:#666;
                }
                //.view{
                //  float: right;
                //  //margin:8/@rem 0 8/@rem auto;
                //  width:78/@rem;
                //  height:26/@rem;
                //  font-size:26/@rem;
                //  font-family:SourceHanSansCN-Regular;
                //  font-weight:400;
                //  color:rgba(238,57,57,1);
                //}
                //.admit{
                //  float: right;
                //  //margin:8/@rem 0 8/@rem auto;
                //  width:78/@rem;
                //  height:26/@rem;
                //  font-size:26/@rem;
                //  font-family:SourceHanSansCN-Regular;
                //  font-weight:400;
                //  color:rgba(57,141,238,1);
                //}
                span:first-child{
                  background: url(../images/address.png) left center no-repeat;
                  background-size: 20/@rem 24/@rem;
                  &+span{
                    background: url(../images/age.png) left center no-repeat;
                    background-size: 24/@rem 22/@rem;
                    &+span{
                      background: url(../images/exper.png) left center no-repeat;
                      background-size: 24/@rem 22/@rem;
                      &+span{
                        background: url(../images/education.png) left center no-repeat;
                        background-size: 24/@rem 22/@rem;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .layui-tab-brief{
          margin:0;
          /*padding-left: 40/@rem;*/
          .layui-tab-title{
            border-bottom:none;
            height:45/@rem;
            li{
              padding:0;
            /*  margin:0 46/@rem;*/
              width: 20%;
              font-size: 32/@rem;
              min-width: 0;
              line-height:30/@rem;
             /* &:first-child{
                margin-left:0;
              }*/
            }
            .layui-this{
              color:#398DEE;
              &:after{
                border-bottom:4/@rem solid #398DEE;
                height:44/@rem;
              }
            }
          }
          .layui-tab-content{
            padding:0;
            .layui-tab-item{
              margin-top:30/@rem;
            }
          }
        }
      }
      //职位管理
      .job-manage{
        .job-list{
          //width: 306px;
          margin: 0 60/@rem;
          >ul{
            padding-bottom:100/@rem;
            li{
              width:630/@rem;
              height:150/@rem;
              background: #fff;
              padding: 0 0 40/@rem;
              border-bottom: rgba(238,238,238,1)  solid 1/@rem ;
              //职位管理的单选按钮
              input{
                width: 22/@rem;
                height: 22/@rem;
                margin: 5/@rem 30/@rem 5/@rem 0;
              }
              h2{
                padding:60/@rem 0 38/@rem;
                line-height:30/@rem;
                font-size:30/@rem;
                font-family:"SourceHanSansCN-Bold";
                font-weight:bold;
                span{
                  float: right;
                  font-size:26/@rem;
                  font-family:"Roboto-Regular";
                  color:#999;
                }
              }
              .job-demand{
                color:#999;
                span{
                  font-size:26/@rem;
                  line-height:29/@rem;
                  color:#333;
                  margin:0 8/@rem;
                  &:first-child{
                    margin-left:0;
                  }
                }
                a{
                  display: none;
                }
              }
              .pay{
                float: right;
                margin-top: -38/@rem;
                font-size:30/@rem;
                color:#EE3939;
              }
            }
          }
          .add-job-btn{
            position: fixed;
            left:0;
            bottom:0;
            width:100%;
            text-align: center;
            height:100/@rem;
            line-height:100/@rem;
            background:#398DEE;
            font-size:30/@rem;
            font-family:"SourceHanSansCN-Regular";
            a{
              color:#fff;
            }
          }
        }

        //删除职位
        .delete-job-list{
          width: 630/@rem;
          margin: 0 60/@rem 100/@rem;
          >ul{
            width: 630/@rem;
            li{
              width:630/@rem;
              height:150/@rem;
              background: #fff;
              padding: 0 0 40/@rem;
              display: flex;
              border-bottom: rgba(238,238,238,1)  solid 1/@rem ;
              >div{
                width: 570/@rem;
                h2{
                  padding:60/@rem 0 38/@rem;
                  line-height:30/@rem;
                  font-size:30/@rem;
                  font-family:"SourceHanSansCN-Bold";
                  font-weight:bold;
                  span{
                    float: right;
                    font-size:26/@rem;
                    font-family:"Roboto-Regular";
                    color:#999;
                  }
                }
                .job-demand{
                  color:#999;
                  span{
                    font-size:26/@rem;
                    line-height:29/@rem;
                    color:#333;
                    margin:0 8/@rem;
                    &:first-child{
                      margin-left:0;
                    }
                  }
                }
                .pay{
                  float: right;
                  margin-top: -38/@rem;
                  font-size:30/@rem;
                  color:#EE3939;
                }
              }
              //职位管理的单选按钮
              input{
                width: 22/@rem;
                height: 22/@rem;
                //border-radius: ;
                margin: 95/@rem 30/@rem 10/@rem 0;
              }

            }
          }
        }
        .job-info{
          display: none;
        }
        .add-new-job{
          position: absolute;
          bottom: 0;
          top: auto;
          width:750/@rem;
          height:100/@rem;
          line-height: 100/@rem;
          background:rgba(57,141,238,1);
          text-align: center;
          a{
            color: #fff;
            width:142/@rem;
            height:34/@rem;
            font-size:36/@rem;
            font-family:SourceHanSansCN-Regular;
            font-weight:400;
          }
        }

        .delete-job-btn{
          width: 750/@rem;
          height: 100/@rem;
          text-align: center;
          line-height: 100/@rem;
          background:rgba(238,57,57,1);
          position: fixed;
          bottom: 0;
          a{
            font-size:30/@rem;
            height: 30/@rem;
            font-family:SourceHanSansCN-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
          }
        }

      }
      .option-btn{
        width:550/@rem;
        margin:0 auto;
        span{
          display: block;
          text-align: center;
          height:100/@rem;
          line-height:100/@rem;
          background: #fff;
          color:#398DEE;
          font-size:30/@rem;
          font-family:"SourceHanSansCN-Regular";
        }
        .curr{
          background:#398DEE;
          color:#fff;
        }
      }
    }
  }
}
.wap-header{
  width:100%;
  position: relative;
  padding:40/@rem 0;
  a{
    position: absolute;
    top:40/@rem;
    left:60/@rem;
    display: block;
    img{
      width:38/@rem;
      height:38/@rem;
      display: block;
    }
  }
  h2{
    text-align: center;
    line-height:36/@rem;
    font-size:36/@rem;
    font-family:"SourceHanSansCN-Regular";
  }

}
//企业设置
.wrap-company-set{
  width: 750/@rem;
  background: #fff;
  //企业设置
  .wrap-setting {
    margin-top: 36/@rem;
    width: 750/@rem;
    ul{
      border-top:16/@rem solid #eee;
      width: 100%;
      li{
        height: 116/@rem;
        width: 100%;
        a{
          margin:0 60/@rem 0 60/@rem;
          line-height:116/@rem;
          width: 630/@rem;
          display: block;
          color: #333;
          font-size:30/@rem;
          font-family:"SourceHanSansCN-Bold";
          font-weight:bold;
          background: url(../images/mobile/next.png) right center no-repeat;
          -webkit-background-size: 24/@rem 24/@rem;
          background-size: 24/@rem 24/@rem;
        }
      }
    }
    .wap-logout{
      border-top:16/@rem solid #eee;
      padding:0 55/@rem 0 59/@rem;
      line-height:116/@rem;
      font-size:30/@rem;
      font-family:"SourceHanSansCN-Bold";
    }
  }
  //个人信息
  .wrap-info{
    margin: 36/@rem 60/@rem 0;
    width: 630/@rem;
    ul{
      border-bottom:1/@rem solid #eee;
      width: 630/@rem;
      .layui-form{
        display: flex;
        span{
          width: 120/@rem;
        }
        .layui-form-item{
          width: 470/@rem;
          margin-left:34/@rem;
          font-size: 30/@rem;
          font-family:"SourceHanSansCN-Bold";
          font-weight:bold;
          color: #333;
          display: inline-block;
          input{
            border:none;
            color:rgba(51,51,51,1);
            padding-left: 0;
            padding-right:0;
            margin-left:0;
          }
        }
      }

      li{
        height: 114/@rem;
        width: 630/@rem;
        display: flex;
        justify-content: space-between;
        >p {
          img{
            width: 80/@rem;
            height: 80/@rem;
          }
        }
        span{
          height:30/@rem;
          font-size:30/@rem;
          font-family:SourceHanSansCN-Regular;
          font-weight:400;
          color:rgba(51,51,51,1);
          line-height:116/@rem;
        }
        input{
          width: 480/@rem;
          padding-left: 10/@rem;
          text-align: left;
          height: 110/@rem;
          line-height: 110/@rem;
          font-size:30/@rem;
          font-family:SourceHanSansCN-Bold;
          font-weight:bold;
          color:rgba(51,51,51,1);
        }
      }
    }
    .mbdescribe{
      border: none;
      margin-bottom: 0;
      width: 630/@rem;
      span{
        float: left;
        width: 120/@rem;
        padding:24/@rem 0;
        font-size:30/@rem;
        font-family:SourceHanSansCN-Regular;
        font-weight:400;
        color:rgba(51,51,51,1);
      }
      textarea{
        resize: none;
        display: inline-block;
        width: 550/@rem;
        height: 200/@rem;
        font-size: 26/@rem;
        margin-right: 58/@rem;
        padding: 19/@rem 34/@rem 20/@rem 20/@rem;
        background:rgba(247,247,249,1);
        color:rgba(51,51,51,1);
        font-family:SourceHanSansCN-Regular;
        border: none;
      }
    }
  }
  .save-btn{
    margin: 124/@rem 100/@rem auto;
    width:550/@rem;
    height:100/@rem;
    line-height: 100/@rem;
    font-size:30/@rem;
    text-align: center;
    font-family:SourceHanSansCN-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    background:rgba(57,141,238,1);
    border-radius:6px;
  }
}
//企业后台
.wap-backstage{
  width: 750/@rem;
  background: #fff;
  .head{
    width: 750/@rem;
    height: 176/@rem;
    display: block;
    background: url("../images/mobile/background.png") no-repeat #fff;
    background-size: 750/@rem 176/@rem;
  }
  .company-about{
    width: 690/@rem;
    /*height: 180/@rem;*/
    margin: -106/@rem 30/@rem 0;
    background-color: #fff;
    border-radius: 16/@rem;
    display: flex;
    img{
      width: 100/@rem;
      height: 100/@rem;
      margin: 30/@rem;
    }
    div{
      width: 530/@rem;
      /*height: 116/@rem;*/
      >p{
        margin: 22/@rem 30/@rem 0/@rem 0;
        span{
          font-size:24/@rem;
          font-family:SourceHanSansCN-Regular;
          font-weight:400;
          color:rgba(102,102,102,1);
        }
      }
      h2{
        margin-bottom: 30/@rem;
        padding-top: 40/@rem;
        line-height: 36/@rem;
        font-size:32/@rem;
        font-family:SourceHanSansCN-Bold;
        font-weight:bold;
        color:rgba(51,51,51,1);
        max-height: 108/@rem;
        overflow: hidden;
        word-wrap:break-word;
      }
      span{
        margin-top: 0;
        font-size:30/@rem;
        font-family:SourceHanSansCN-Regular;
        font-weight:400;
        color:rgba(51,51,51,1);
        word-wrap:break-word;
        a{
          padding-right: 20/@rem;
          width: 463/@rem;
          display: block;
          color: #333;
          font-size:30/@rem;
          font-family:"SourceHanSansCN-Bold";
          background: url(../images/mobile/next.png) right center no-repeat;
          -webkit-background-size: 24/@rem 24/@rem;
          background-size: 24/@rem 24/@rem;
        }
      }

    }

  }
  .nav{
    width: 100%;
    height: 120/@rem;
    margin-top: 40/@rem;
    ul{
      width: 100%;
      li{
        float: left;
        text-align: center;
        width: 25%;
        height:120/@rem ;
        font-size:26/@rem;
        font-family:"SourceHanSansCN-Regular";
        color:rgba(51,51,51,1);
        span{
          display: block;
         margin-bottom:20/@rem;
          font-size:36/@rem;
          font-family:Roboto-Bold;
          font-weight:bold;
          color:rgba(51,51,51,1);
        }
      }
    }
  }
  .separator{
    border-bottom: 16/@rem solid #eee;
    margin: 0;
    display: block;
    width: 750/@rem;
  }
  .content-list{
    width: 620/@rem;
    margin: 0 67/@rem 0 60/@rem;
    background-color: #fff;
    .employ{
      width: 100%;
      /*height: 1220/@rem;*/
      >div{
        #show-content{
          display: none;
        }
        ul{
          width:620/@rem;
          margin-bottom: 60/@rem;
          li{
            width: 630/@rem;
            margin-top: 24/@rem;
            a{
              display: flex;
              justify-content: space-between;
              span{
                font-size:30/@rem;
                font-family:SourceHanSansCN-Bold;
                font-weight:bold;
                color:rgba(51,51,51,1);
                width: 580/@rem;
              }
              img{
                width: 36/@rem;
                height: 36/@rem;
              }
            }

            p{
              width: 630/@rem;
              font-size:26/@rem;
              font-family:Roboto-Regular;
              font-weight:400;
              color:rgba(153,153,153,1);
            }
            span{
              font-size:30/@rem;
              font-family:SourceHanSansCN-Regular;
              font-weight:400;
              color:rgba(51,51,51,1);
            }
            i{
              font-size:30/@rem;
              font-style: normal;
              margin: 0;
              font-family:SourceHanSansCN-Regular;
              font-weight:400;
              color:rgba(238,57,57,1);
            }
          }
        }
      }
      span{
        a{
          width: 620/@rem;
          font-weight:bold;
          margin: 40/@rem 0 6/@rem;
          display: block;
          font-size:32/@rem;
          color: #333;
          font-size:30/@rem;
          font-family:"SourceHanSansCN-Bold";
          background: url(../images/mobile/next.png) right center no-repeat;
          -webkit-background-size: 14/@rem 24/@rem;
          background-size: 14/@rem 24/@rem;
        }
      }

    }
    .drow{
      width: 750/@rem;
      height: 80/@rem;
      margin-top: -30/@rem;
      line-height: 80/@rem;
      margin-left: -60/@rem;
      display: flex;
      justify-content: space-around;
      //vertical-align: center;
      align-items: center;
      border-bottom: 16/@rem solid #eee;
      img{
        width: 26/@rem;
        height: 15/@rem;
      }
    }
    .hr-manage{
      width: 620/@rem;
      /*height: 400/@rem;*/
      padding-bottom: 60/@rem;
      span{
        margin: 40/@rem 0 50/@rem 0;
        display: block;
        height:32/@rem;
        font-size:32/@rem;
        font-family:SourceHanSansCN-Bold;
        font-weight:bold;
        color:rgba(51,51,51,1);
      }
      >div{
        #show-content{
          display: none;
        }
        ul{
          width: 630/@rem;
          margin-top: 60/@rem;
          li{
            width: 630/@rem;
            margin-top: 36/@rem;
            height: 27/@rem;
            display: flex;
            font-size:30/@rem;
            font-family:Roboto-Regular;
            font-weight:400;
            color:rgba(51,51,51,1);
            span{
              margin: 0 14/@rem 0 0;
              img{
                width: 26/@rem;
                height: 26/@rem;
              }
            }
            a{
              display: flex;
              width: 630/@rem;
              justify-content: space-between;
              span{
                font-size:30/@rem;
                font-family:SourceHanSansCN-Bold;
                font-weight:bold;
                color:rgba(51,51,51,1);
                //width: 218/@rem;
              }
              img{
                width: 36/@rem;
                height: 36/@rem;
              }
            }
          }
        }
      }
    }
    .hr-leader{
      >div{
        ul{
          li:first-child{
            position: relative;
            padding-left:40/@rem;
            &:before{
              position: absolute;
              top:0;
              left:0;
              content: '';
              width: 30/@rem;
              height: 30/@rem;
              background: url(../../images/leader.png) no-repeat 2/@rem 2/@rem #00aabb;
              -webkit-background-size: 24/@rem;
              background-size: 24/@rem;
            }
          }
        }
      }

    }
    .hr-examine{
      .pass-hr-btn{
        margin-right:40/@rem;
      }
    }
  }
}
.wap-edit{
  width: 750/@rem;
  background: #fff;
  .position-list{
    margin: 10/@rem 63/@rem 40/@rem 57/@rem;
    width: 630/@rem;
    ul{
      height: 110/@rem;
      align-items: center;
      margin: 0;
      border-bottom: 1/@rem solid #eee;
      li{
        height: 110/@rem;
        line-height: 110/@rem;
        font-size:30/@rem;
        font-family:SourceHanSansCN-Regular;
        font-weight:400;
        color:rgba(51,51,51,1);
        span{
          height:29/@rem;
          margin-right: 30/@rem;
          font-size:30/@rem;
          font-family:SourceHanSansCN-Regular;
          font-weight:400;
          color:rgba(51,51,51,1);
        }
        input{
          width: 440/@rem;
          font-size:30/@rem;
          font-family:SourceHanSansCN-Bold;
          font-weight:bold;
          color:rgba(51,51,51,1);
          text-align: justify;
        }
      }
      .layui-form{
        display: flex;
        span{
          width: 120/@rem;
        }
        .layui-form-item{
          width: 470/@rem;
          margin-left:4/@rem;
          font-size: 30/@rem;
          font-family:"SourceHanSansCN-Bold";
          font-weight:bold;
          color: #333;
          display: inline-block;
          input{
            border:none;
            height: 105/@rem;
            line-height: 105/@rem;
            color:rgba(51,51,51,1);
            padding-left: 0;
            padding-right:0;
            margin-left:0;
          }
        }
      }

    }
    .describe{
      width: 630/@rem;
      font-family: "SourceHanSansCN-Regular";
      font-weight: 400;
      color: #333;
      margin-top: 44/@rem;
      display: block;
      span{
        font-size: 30/@rem;
        margin-right: 510/@rem;
        width:120/@rem ;
      }
      textarea{
        border: none;
        margin: 23/@rem 58/@rem 0 0;
        width:550/@rem;
        height:200/@rem;
        padding: 20/@rem 60/@rem 16/@rem 20/@rem;
        font-size: 26/@rem;
        background:rgba(247,247,249,1);
      }
    }
  }
  .edit-btn{
    width: 550/@rem;
    justify-content: space-between;
    margin: 120/@rem 100/@rem 0;
    .save-btn{
      width:550/@rem;
      height:100/@rem;
      line-height: 100/@rem;
      background:rgba(57,141,238,1);
      font-size: 30/@rem;
      font-family:SourceHanSansCN-Regular;
      font-weight:400;
      color: #fff;
      border-radius:6/@rem;
    }
    .delete-btn{
      margin: 50/@rem 0;
      text-align: center;
      width: 550/@rem;
      height:30/@rem;
      line-height: 30/@rem;
      font-size:30/@rem;
      font-family:SourceHanSansCN-Regular;
      font-weight:400;
      color:rgba(238,57,57,1);
      background-color: #fff;
    }
  }
}